<template>
  <div></div>
</template>
<script setup>
import { Leafer, Group, Rect, Ellipse } from 'leafer-ui';
const leafer = new Leafer({
  view: window
})
const rect = new Rect({
  width: 100,
  height: 100,
  fill: 'red',
})
const ellipse = new Ellipse({
  width: 100,
  height: 100,
  fill: 'green',
  x: 10,
  y: 10,
  draggable: true
})
const group = new Group({
  x: 0,
  y: 0
})
group.add([rect, ellipse])
leafer.add(group)
</script>